<template>
    <div>
        <ul class="box">
            <router-link to="/home/main" active-class="active" tag="li">主要内容</router-link>
            <router-link to="/home/other" active-class="active" tag="li">其它内容</router-link>
        </ul>
        <router-view></router-view>
    </div>
</template>

<style lang="scss" scoped>
.box{
    width: 100%;
    display: flex;
    >li{
        flex: 1;
        text-align: center;
    }
}
.active{
    background: skyblue;
    color: white;
}
</style>

